.page{

	padding-bottom: 100rpx;
	
}
.head{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	height: 193.6rpx;
	 
	align-items: center;
	  
	background: url('../../../../static/background.jpg');
	
	padding: 0 15px;
	.head1{
		  position: fixed;
		  top: 88rpx;
		  left: 0;
		  right: 0;
		  z-index: 999;
		   height: 88rpx;
		   display: flex;
		   align-items: center;
		   
		  
		   text{
		   		  font-size: 30rpx;
				  font-weight: bold;
		   }
		   text:first-child{z-index: 999;
		   		  margin-left: 30rpx;
				   font-size: 30rpx;
		   }
	  }
	  
}
.main{
	position: relative;
	top: 193.6rpx;
	margin-bottom: 150rpx;
	padding: 0 13.95rpx;
	// 菜单导航
	.menu-nav{
		
		width: 100%;
		height: 79rpx;
			.nav{
				padding:22rpx  20rpx 17rpx 20rpx;
				display: inline-block;
				display: flex;
				flex-direction: column;
				flex-wrap: wrap;
				justify-content: space-between;
				height: 16rpx;
			}
			.list{
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				background-color: #FFFFFF;
				padding: 6rpx 13rpx;
				margin: 0 5rpx;
				border-radius: 8rpx;
				cursor: pointer;
				box-shadow: 0rpx 0rpx 10.47rpx 0rpx rgba(0,0,0,0.16);
				
				text{
					font-size: 20rpx;
					color: #000000;
					
				}
			
		}
			.list.active {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				background: linear-gradient(135deg,  #3AC29B 0%,#6EE5CC 100%,);
				color: #fff;  /* 选中项的文字颜色 */
			
				padding:6rpx 13rpx;
				margin:0 5rpx ;
				 border-radius: 8rpx;
				text{
					font-size: 20rpx;
					color: #fff;
					
				}
			}
	}
	.detail{
		padding: 19.9rpx;
		background: #ffffff;
		border-radius: 10.47rpx;
		box-shadow: 0rpx 0rpx 10.47rpx 0rpx rgba(0,0,0,0.16); 
		.appraise{
			margin:14rpx 14rpx 0 14rpx;
			padding: 19rpx;
			background-color: #FFFFFF;
			box-shadow: 0rpx 0rpx 10.47rpx 0rpx rgba(0,0,0,0.16);
			display: flex;
			.appraise-content{
				
				font-size: 24rpx;
				margin-right: 10.7rpx;
				image{
					width: 45.35rpx;
					height: 45.35rpx;
					background: rgba(0,0,0,0.00);
					border-radius: 50%;
					
				}
				
				
			}
			.content{
				
				.top{
				
					height: 45.35rpx;
					line-height: 45.35rpx;
					font-size: 20.93rpx;
					font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
					font-weight: 700;
					text-align: left;
					color: #000000;
				}
				.center{
					
					margin: 24rpx 0 17rpx 0;
				
					font-size: 20.93rpx;
					font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
					font-weight: 400;
					text-align: left;
					color: #000000;
					 height: auto;             /* 高度自适应 */
					  display: -webkit-box;     /* 必须使用这个来启用多行文本截断 */
					  -webkit-line-clamp: 2;    /* 设置最大显示行数为2行 */
					  -webkit-box-orient: vertical; /* 设置排列方式为垂直排列 */
					  overflow: hidden;         /* 隐藏多余的文本 */
					  text-overflow: ellipsis;  /* 超过部分显示省略号 */
					
				}
				.bottom{
					display: flex;
					justify-content: space-between;
					.address{
						
						font-size: 17.44rpx;
						font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
						font-weight: 400;
						text-align: left;
						color: #646464;
					}
					.date{
						
						font-size: 17.44rpx;
						font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
						font-weight: 400;
						text-align: left;
						color: #646464;
					}
				}
				.border{
					margin-top: 15rpx;
					
					height: 0rpx;
					background: rgba(0,0,0,0.00);
					border: 0.87rpx solid #bcbcbc;
				}
			}
		}
		}
}
